﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="Bug.aspx.cs" Inherits="ViewBug" %>

<%@ MasterType VirtualPath="~/Main.master" %>
<%@ Reference VirtualPath="~/Main.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CustomJavascript" runat="Server">
    <script type="text/javascript" src="/js/jquery.print.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('div.ticket_agent_case_info_box_header').click(function () {
                $(this).toggleClass('case_info_box_header_expanded');
                $('div.ticket_agent_case_info_box_items').toggle('fast');
                return false;
            });
            $('a#bug_report').click(function () {
                $(this).children('span').toggle();
                $('div#more_info_area_tid_id').toggle('slow');
                return false;
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FlashMessage" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="Server">
    <div id="tabs-bug-detailed" class="ui-tabs-panel ui-widget-content ui-corner-bottom active_ticket_type">
        <div class="cols interaction_panel left_interaction" id="bug-small-details">
            <div class="idTabs top_blue_header">
                <!-- on click copy link -->
                <a class="idtab case_info_tab selected" href="#" title="Click to copy Bug ID">
                    <!-- bug ID -->
                    <div class="row_name">
                        <asp:Literal ID="ltrBugId" runat="server"></asp:Literal>
                    </div>
                    <!-- don't change this -->
                    <div class="row_desc">
                        Bug ID
                    </div>
                </a><a class="idtab case_customer_tab loaded" href="/User.aspx?user=username" title="Go to user profile">
                    <!-- Full user name -->
                    <div class="row_name">
                        <asp:Literal ID="ltrReportedUser" runat="server"></asp:Literal>
                    </div>
                    <!-- user role -->
                    <div class="row_desc">
                        <asp:Literal ID="ltrReportedUserRole" runat="server"></asp:Literal>
                    </div>
                </a>
            </div>
            <span class="idtab case_iurl_tab" title="Permalink to this bug" onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', 'http://localhost:9999/Bug.aspx?id=123');"><span class="input button">
                <button type="button" style="position: relative; top: 3px;" class="blue_highlight ticket_iurl_dropdown ticket_iurl_button blue_button integration_url HK_iurl_menu"><span class="icon">&nbsp; </span><span class="text ">Permalink</span></button>
            </span></span>
            <div class="tabContainer">
                <div class="inside_case_panel" style="display: none;">
                    <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;">
                        <iframe src="about:blank" class="ticket_iurl_embedded_iframe"></iframe>
                    </div>
                </div>
                <div class="inside_case_panel" style="display: block;">
                    <div class="agent_case_main_form_part">
                        <div style="zoom: 1">
                            <div class="agent_ticket_section">
                                <span class="tab_label tab_label_case tab_label_case_subject">Summary </span>
                                <asp:TextBox ID="txtSummary" Style="width: 100%; padding-left: 0; padding-right: 0;" size="100" MaxLength="300" CssClass="default xl" autocomplete="off" runat="server"></asp:TextBox>
                            </div>
                            <div style="min-height: 40px;" class="agent_ticket_section">
                                <div style="width: 192px; display: inline-block; float: left;">
                                    <span class="tab_label tab_label_case tab_label_case_status">Status </span>
                                    <asp:DropDownList ID="ddlStatus" Style="width: 192px;" CssClass="default l" runat="server">
                                    </asp:DropDownList>
                                </div>
                                <div style="width: 192px; display: inline-block; float: right;">
                                    <span class="tab_label tab_label_case tab_label_case_priority">Priority </span>
                                    <asp:DropDownList ID="ddlPriority" Style="width: 192px;" CssClass="default l" runat="server">
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div style="min-height: 40px;" class="agent_ticket_section">
                                <div style="width: 192px; display: inline-block; float: left;">
                                    <span class="tab_label tab_label_case tab_label_case_status">Type </span>
                                    <asp:DropDownList ID="ddlType" Style="width: 192px;" CssClass="default l" runat="server">
                                    </asp:DropDownList>
                                </div>
                                <div style="width: 192px; display: inline-block; float: right;">
                                    <span class="tab_label tab_label_case tab_label_case_priority">Severity </span>
                                    <asp:DropDownList ID="ddlSeverity" Style="width: 192px;" CssClass="default l" runat="server">
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div style="min-height: 40px;" class="agent_ticket_section">
                                <div style="width: 192px; display: inline-block; float: left;">
                                    <span class="tab_label tab_label_case tab_label_case_status">Resolution </span>
                                    <asp:DropDownList ID="ddlResolution" Style="width: 192px;" CssClass="default l" runat="server">
                                    </asp:DropDownList>
                                </div>
                                <div style="width: 192px; display: inline-block; float: right;">
                                    <span class="tab_label tab_label_case tab_label_case_priority">Reproducability </span>
                                    <asp:DropDownList ID="ddlReproducability" Style="width: 192px;" CssClass="default l" runat="server">
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div class="agent_ticket_section">
                                <span class="tab_label tab_label_case tab_label_case_status">Description </span>
                                <asp:TextBox ID="txtDescription" Style="width: 100%; padding-left: 0; padding-right: 0; height: 100px;" Rows="2" cols="40" class="default xl form_case_desc" autocomplete="off" MaxLength="5000" runat="server" TextMode="MultiLine"></asp:TextBox>
                            </div>
                            <div class="agent_ticket_section">
                                <span class="tab_label tab_label_case tab_label_case_status">Reproduction Steps </span>
                                <asp:TextBox ID="txtReproSteps" Style="width: 100%; padding-left: 0; padding-right: 0; height: 100px;" Rows="2" cols="40" class="default xl form_case_desc" autocomplete="off" MaxLength="5000" runat="server" TextMode="MultiLine"></asp:TextBox>
                            </div>
                            <div style="min-height: 40px;" class="agent_ticket_section">
                                <div style="width: 187px; display: inline-block; float: left;">
                                    <span class="tab_label tab_label_case tab_label_case_status">Version Found </span>
                                    <asp:TextBox ID="txtBugFoundInVersion" Style="width: 187px;" CssClass="default l" MaxLength="20" runat="server"></asp:TextBox>
                                </div>
                                <div style="padding-right: 4px; width: 187px; display: inline-block; float: right;">
                                    <span class="tab_label tab_label_case tab_label_case_status">Componet Found </span>
                                    <asp:TextBox ID="txtBugFoundInComponent" Style="width: 187px;" CssClass="default l" MaxLength="50" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="case_info_box ticket_attachment_case_info_box">
                                <div style="" class="case_info_box_header ticket_attachment_case_info_box_header">
                                    <span style="" class="case_info_box_header_right_side ticket_attachment_case_info_box_action_right_side">
                                        <img style="margin-right: -2px; margin-top: 0px" src="images/attachment_add.png" class="agent_icon_button" alt="Attachment_add">
                                        <span class="blue_highlight file_upload_link">Add attachment</span> </span>
                                    <div class="case_info_box_header_left_side">
                                        <!-- count the number of attachments and display here -->
                                        <span class="case_ticket_attachment_div_header_count case_info_box_header_big_font">0</span> <span class="case_ticket_attachment_div_header_count_text case_info_box_header_text">attachments</span>
                                        <img style="margin-left: 5px; vertical-align: middle; display: none;" src="images/ajax-loader-small.gif" class="ticket_attachment_case_info_box_spinner" alt="Ajax-loader-small">
                                    </div>
                                </div>
                                <div class="case_info_box_header_bottom_design_div">
                                    <div class="case_info_box_header_bottom_design_div_inside">
                                    </div>
                                </div>
                            </div>
                            <!--agent_cases_info_box-->
                            <div class="case_info_box ticket_agent_case_info_box">
                                <div style="" class="case_info_box_header ticket_agent_case_info_box_header case_info_box_header">
                                    <span style="display: block;" class="case_info_box_header_right_side ticket_agent_case_info_box_action_right_side"><a href="#">Show Assignment</a> </span>
                                    <div class="case_info_box_header_left_side">
                                        <!-- count the number of user assigned to this bug and display it here -->
                                        <span class="case_ticket_agent_div_header_count case_info_box_header_big_font">1</span> <span class="case_ticket_agent_div_header_count_text case_info_box_header_text">user(s) has worked on this case</span>
                                        <img style="margin-left: 5px; vertical-align: middle; display: none;" src="images/ajax-loader-small.gif" class="ticket_agent_case_info_box_spinner" alt="Ajax-loader-small">
                                    </div>
                                </div>
                                <div class="case_info_box_header_bottom_design_div">
                                    <div class="case_info_box_header_bottom_design_div_inside">
                                    </div>
                                </div>
                                <div style="display: none;" class="case_info_box_items ticket_agent_case_info_box_items loaded audit_hide_system_messages">
                                    <div class="audit_event ">
                                        <div style="font-weight: bold; min-height: 16px;">
                                            <span style="float: left; width: 20px;">
                                                <!-- avatar link -->
                                                <img width="16" height="16" src="avatars/53185578862ab5891d556199ea7e1e19.jpg" alt="" class="gravatar">
                                            </span>
                                            <div style="margin-left: 25px; margin-top: 0;">
                                                <!-- replace with log -->
                                                Hoang Huynh <span style="font-weight: bold">created case </span><span style="font-weight: normal; font-style: italics;">on </span>Aug 25th, 2011 at 3:42pm
                                            </div>
                                        </div>
                                        <ul class="event_list"></ul>
                                    </div>
                                    <div class="audit_event ">
                                        <div style="font-weight: bold; min-height: 16px;">
                                            <span style="float: left; width: 20px;">
                                                <img width="16" height="16" src="avatars/53185578862ab5891d556199ea7e1e19.jpg" alt="" class="gravatar">
                                            </span>
                                            <div style="margin-left: 25px; margin-top: 0;">
                                                Hoang Huynh <span style="font-weight: bold">pulled case for editing </span><span style="font-weight: normal; font-style: italics;">on </span>Aug 25th, 2011 at 3:44pm
                                            </div>
                                        </div>
                                        <ul class="event_list">
                                            <li>
                                                <div>
                                                    <span style="font-weight: bold">Status</span> changed from <span style="font-weight: bold">New</span> to <span style="font-weight: bold">Open</span></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="" class="cols interaction_panel right_interaction">
            <div class="interaction_view">
                <!--email-->
                <div class="ticket_box ticket_box_email">
                    <div class="ticket_toolbar_email">
                        <!--shared - agent/interactions/ticket_toolbar-->
                        <div class="toolbar-right">
                            <img src="images/printer.png" class="agent_icon_button" alt="Printer">
                            <a onclick="$('.message_area').print(); return false;" href="#">Print</a>
                            <img style="margin-top: 0px; margin-right: 0px;" src="images/dot.png" class="agent_icon_button" alt="Dot">
                            <div style="display: inline; font-weight: bold;">
                                <img src="images/moreinfo.png" class="agent_icon_button" alt="Moreinfo"><a class="blue_highlight agent_icon_button_text" id="bug_report" href="#"><span id="more_info_link_text_more_tid_id" class="blue_highlight">Report</span><span style="display: none;" id="more_info_link_text_less_tid_id" class="blue_highlight">Less info</span></a>
                            </div>
                            <div style="display: inline;" id="callout_box_ticket">
                            </div>
                        </div>
                        <div class="toolbar-center">
                            <!-- get bug summary -->
                            <div class="ticket_toolbar_selected_current_interaction">
                                <strong>
                                    <asp:Literal ID="ltrSummary" runat="server"></asp:Literal></strong>
                            </div>
                        </div>
                        <!--  toolbar-center  -->
                    </div>
                    <!-- .ticket-toolbar-->
                    <!-- this div is to give the extra 1 pixel border-->
                    <div class="toolbar_extra_line">
                    </div>
                    <div class="message_area email_message_area" id="session_text_tid_id">
                        <div style="zoom: 1">
                            <div id="more_info_area_tid_id" class="more_info_area">
                                <!-- report on this bug is displayed here -->
                                <asp:Literal ID="ltrBugReport" runat="server"></asp:Literal>
                            </div>
                            <!-- comment section -->
                            <div class="message_area_inside" id="email_session_emails_tid_id">
                                <div id="customer_history_outside_outside_tid_id_i13748607_view_name_agent_response" class="  customer_history_ticket_outside_email_agent_response_first">
                                    <div id="customer_history_i13748607" class="customer_history_ticket ">
                                        <div class="customer_history_ticket_inside customer_history_ticket_inside_item customer_history_ticket_inside_item_first_agent_response">
                                            <div class="customer_history_ticket_right_w_callout">
                                            </div>
                                            <div class="customer_history_ticket_left ">
                                                <div class="customer_thumb_50">
                                                    <!-- avatar -->
                                                    <img width="50" height="50" src="https://s3.amazonaws.com/twitter_production/profile_images/1464576989/assistlytwitter_normal.png" alt="">
                                                </div>
                                            </div>
                                            <div class="customer_history_ticket_center customer_history_ticket_center_email">
                                                <!-- user full name -->
                                                <div class="customer_history_ticket_main_line">
                                                    Full Name
                                                    <img style="margin-top: 0px; margin-right: 0px;" src="images/dot.png" class="agent_icon_button" alt="Dot">
                                                    <!-- username -->
                                                    <span class="customer_history_ticket_main_line_email_details">username</span>
                                                </div>
                                                <!-- time posted -->
                                                <div class="customer_history_ticket_status_line">
                                                    Aug 25th, 2011 at 3:42pm (20 days ago)
                                                </div>
                                                <!-- received username, if any -->
                                                <div class="customer_history_ticket_status_line">
                                                    To: to username if any
                                                </div>
                                                <!-- message subject -->
                                                <div class="customer_history_ticket_email_subject">
                                                    <div>
                                                        Welcome to KillDaBugs!
                                                    </div>
                                                </div>
                                                <!-- message body -->
                                                <div class="customer_history_ticket_email_body">
                                                    <div>
                                                        Thanks for trying KillDaBugs. We hope your trial goes well and you decide to use KillDaBugs to wow your customers. Please let us know if there is anything we can do to make your experience better. In the meantime see the tips below for getting started...<br>
                                                        <br>
                                                        1. GET STARTED - If you haven't read the Getting Started article in our Knowledge Base, check it at <a target="_blank" href="http://support.KillDaBugs.com/faq/article/2266-Getting-Started">http://support.KillDaBugs.com/faq/article/2266-Getting-Started</a>.<br>
                                                        <br>
                                                        2. BE SMART - Check out the Apply Macro box at the bottom of the screen. Macros let you quickly respond to customers and set case information.<br>
                                                        <br>
                                                        To try it out: Type 'f'' in the box and you will see options. If you select, 'More info + Pending', you will see the case (left pane) and conversation (right pane) are updated with the orange fields. For information on creating your own macro's, check out <a target="_blank" href="http://support.KillDaBugs.com/faq/article/1380">http://support.KillDaBugs.com/faq/article/1380</a>.<br>
                                                        <br>
                                                        3. BE QUICK - To increase efficiency, the update buttons on the bottom right save changes to the case and customer information in the left pane of the screen and sends any communication you have in the right pane. To make it easy, there are three update buttons for the common actions you may take.<br>
                                                        <br>
                                                        4. BE FAST - Have lots of the same request? Respond from the case list screen. Select one or more cases by clicking in the row and use the Bulk Manage feature at the bottom. Now that's efficient.<br>
                                                        <br>
                                                        Have fun, explore, and make sure to contact us @ <a target="_blank" href="mailto:support@KillDaBugs.com">support@KillDaBugs.com</a> if you have questions, problems, suggestions, or just want to talk.<br>
                                                        <br>
                                                        Cheers,<br>
                                                        Alex<br>
                                                        KillDaBugs CEO
                                                    </div>
                                                </div>
                                                <div class="customer_history_ticket_email_attachment">
                                                    <strong>Attachment</strong>
                                                    <ul>
                                                        <li>Attachment 1 • Link [<a href="#">pdf</a>]</li>
                                                        <li>Attachment 1 • Link [<a href="#">pdf</a>]</li>
                                                        <li>Attachment 1 • Link [<a href="#">pdf</a>]</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="email_reply_div_tid_id">
                                <div style="" class="customer_history_ticket_email_reply_div">
                                    <div style="margin: 0; padding: 0; display: inline">
                                        <div style="clear: both;">
                                        </div>
                                        <div class="input email_reply_div_reply_label">
                                            <div class="agent_font_smaller">
                                                Reply
                                            </div>
                                        </div>
                                        <div style="padding-top: 5px;" class="email_reply_div_reply_area">
                                            <asp:TextBox ID="txtCommentMessage" runat="server" Style="height: 140px; position: relative; right: 0px; display: block; width: 99%; line-height: 20px;" Rows="3" cols="40" class="default reply_area autosave" MaxLength="10000" TextMode="MultiLine"></asp:TextBox>
                                        </div>
                                        <div style="margin-top: 20px">
                                            <span style="float: right; margin-top: 0; margin-left: 15px; margin-right: 5px; min-height: 20px;" class="warning_box">An <a target="_blank" style="background: none;" href="/admin">Outbound mail server</a> needs to be setup to send email notification.<br>
                                            </span>
                                            <div style="padding-bottom: 5px;" class="email_reply_div">
                                                <div class="inline_editor">
                                                    <div class="input email_reply_div_reply_label">
                                                        <div class="form_label">
                                                            Subject:</div>
                                                    </div>
                                                    <div class="email_reply_div_reply_area to_text_non_editable">
                                                        Re: Bug ID 123 <a style="margin-left: 10px" href="#">Change subject</a>
                                                    </div>
                                                    <div style="display: none" class="email_reply_div_reply_area to_text_editable">
                                                        <input type="text" value="Re: Bug ID 123" style="width: 99%" size="30" name="email[subject]" id="email_subject" class="default xl autosave">
                                                    </div>
                                                </div>
                                                <div style="margin-top: 10px" class="inline_editor">
                                                    <div class="input email_reply_div_reply_label">
                                                        <div class="form_label">
                                                            To:</div>
                                                    </div>
                                                    <div class="email_reply_div_reply_area to_text_non_editable">
                                                        support@killdabugs.com <a style="margin-left: 10px" href="#">Change address</a>
                                                    </div>
                                                    <div style="display: none" class="email_reply_div_reply_area to_text_editable">
                                                        <input type="text" value="support@assistly.com" style="width: 99%" size="30" name="email[to]" id="email_to" class="default xl autosave">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="margin-left: 56px;">
                                            <div class="uploadifyQueue" id="email_out_ticket_attachment_Queue">
                                            </div>
                                            <div style="margin: 5px 0 15px 0;" id="email_out_ticket_attachment_Files">
                                            </div>
                                        </div>
                                        <div style="margin-top: 5px; margin-left: 56px">
                                            <div style="margin-top: 15px" id="email_out_attachment_label_i13748775">
                                                <img style="margin-right: -4px; margin-bottom: 8px" src="images/attachment.png" id="attach_image" class="agent_icon_button" alt="Attachment">
                                                <span id="email_out_attachment_span">
                                                    <div style="margin: 0; padding: 0; display: inline">
                                                        <asp:FileUpload ID="FileUploadAttachment" runat="server" Style="font-size: 10px; width: 62px" multiple="multiple" class="hiddenInputFile" /></div>
                                                </span><span style="position: relative; top: -3px" class="blue_highlight file_upload_link" onclick="$('input[type=file]').click();">Add attachment</span>
                                            </div>
                                        </div>
                                        <span>
                                            <asp:Button ID="btnPostComment" runat="server" Text="Post Comment" Style="position: relative; top: -3px; float: left; margin: 20px 0 0 60px;" class="blue_highlight ticket_iurl_dropdown ticket_iurl_button blue_button integration_url HK_iurl_menu" />
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ticket_box -->
                </div>
                <ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none;"></ul>
            </div>
        </div>
</asp:Content>